<template>
  <div>
    <!--表格渲染-->
    <el-table
      ref="table"
      v-loading="crud.loading"
      :data="crud.data"
      style="width: 100%"
      border
      @selection-change="crud.selectionChangeHandler"
    >
      <el-table-column type="index" width="70" label="事务ID" />
      <el-table-column
        v-if="columns.visible('title')"
        :show-overflow-tooltip="true"
        prop="title"
        label="IP"
      />
      <el-table-column
        v-if="columns.visible('node')"
        :show-overflow-tooltip="true"
        prop="node"
        label="城市"
      />

      <el-table-column
        v-if="columns.visible('updateAt')"
        prop="updateAt"
        :show-overflow-tooltip="true"
        label="创建时间"
      >
        <template slot-scope="scope">{{
          parseTime(scope.row.updateAt)
        }}</template>
      </el-table-column>
    </el-table>
    <pagination />
  </div>
</template>

<script>
import CRUD, { presenter, header, crud } from "@crud/crud";
import rrOperation from "@crud/RR.operation";
import crudOperation from "@crud/CRUD.operation";
import pagination from "@crud/Pagination";
import { isvalidPhone } from "@/utils/validate";
import { closeOrderPaid, closeOrderPaying } from "../../../api/order";
// crud交由presenter持有
const defaultCrud = CRUD({
  url: "/admin/cfgTeam/list",
  title: "登录记录",
});
export default {
  name: "loginrecord",
  components: { pagination, crudOperation, rrOperation },
  mixins: [presenter(defaultCrud), header(), crud()],
  data() {
    return {
      params: {},
      permission: {
        add: ["admin"],
        edit: ["admin"],
        del: ["admin"],
      },
    };
  },
  created() {},
  methods: {},
};
</script>
